<template>
  <div class="page-list">
     <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
      <van-list
        v-model:loading="loading"
        :finished="finished"
        finished-text="没有更多数据了"
        @load="onLoad"
      >
        <van-cell v-for="item in businessList" :key="item.id" >
          <BusinessItem :busItem = "item"/>
        </van-cell>
      </van-list>
    </van-pull-refresh>
  </div>
</template>

<script setup lang="ts">
import { defineProps, reactive } from 'vue';
import BusinessItem from './BusinessItem.vue';
var businessList = reactive([{
  id: '1',
  isProduct:false,
  bType: '服务',
  bLable: '2024年11清扫保洁市场XXXXX商机',
  bMan: '需求方',
  confirm:'北京京扬咨询有限公司1',
  bZone: '北京-北京',
  isHasP: true,// 是否已发布，已发布展示失效和编辑
  bDate: '2024-08-11',
  bLong: '3天',
}, {
  id: '2',
   isProduct:true,
  bType: '产品',
  bLable: '2024年22道路清扫保洁市场XXXXX商机',
  bMan: '供给方',
  confirm:'北京京扬咨询有限公司2',
  bZone: '北京-北京',
  isHasP: false,// 是否已发布，已发布展示失效和编辑
  bDate: '2024-08-12',
  bLong:'3天',
},{
  id: '3',
   isProduct:false,
  bType: '服务',
  bLable: '2024年33道路清扫保洁市场XXXXX商机',
  bMan: '需求方',
  confirm:'北京京扬咨询有限公司3',
  bZone: '浙江-杭州',
  isHasP: true,// 是否已发布，已发布展示失效和编辑
  bDate: '2024-08-13',
  bLong:'3天',
},{
  id: '4',
  isProduct:false,
  bType: '产品',
  bLable: '2024年44道路清扫保洁市场XXXXX商机',
  bMan: '需求方',
  confirm:'北京京扬咨询有限公司4',
  bZone: '北京-北京',
  isHasP: true,// 是否已发布，已发布展示失效和编辑
  bDate: '2024-08-14',
  bLong:'3天',
},{
  id: '5',
  bType: '产品',
  bLable: '2024年道路清扫保洁市场XXXXX商机',
  bMan: '供给方',
  confirm:'北京京扬咨询有限公司5',
  bZone: '北京-北京',
  isHasP: true,// 是否已发布，已发布展示失效和编辑
  bDate: '2024-08-15',
  bLong:'3天',
  },])
  const props = defineProps(['currentCode','currentTab'])
const loading = ref(false) // 上拉加载
const finished = ref(false) // 加载完成
const refreshing = ref(false) // 下拉刷新
console.log("props==",props);

// 上拉加载
const onLoad = () => { 
// 接受code加载列表

}
// 下拉刷新
const onRefresh = () => { 
console.log("refresh");

}

</script>

<style lang="scss" scoped>
.page-list {
  height: calc(100% - 106px);
  overflow-y: auto;
  background-color: var(--bob-background-color);
  padding-top:106px;
}
:deep(.van-list){
  width: calc(100% - 32px);
  height: calc(100% - 106px);
  padding: 0 16px;
}
:deep(.van-cell){
  margin-top:12px;
  padding:0;
}
</style>

